<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
    />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="renderer" content="webkit">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>[简历]林智宇-网络与新媒体/广州</title>
    <link rel="shortcut icon" href="assets/images/lang.png" type="image/x-icon">
    <link rel="stylesheet" href="assets/css/typo.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/index.css">
    <script>
        function load() {
            document.getElementsByClassName('avatar')[0].style.display = 'block';
            document.getElementsByClassName('load')[0].style.display = 'none';
        }
    </script>
</head>

<body>



<div>
	<!-- 顶部导航栏 -->
	<header>
        <a href="#" class="logo">简历</a>
        <nav>
            <ul>
                <li><a href="https://gitee.com/daoer59" target="_blank">我的Gitee</a></li>
                <li><a href="https://www.nfu.edu.cn/" target="_blank">广州南方学院</a></li>
                <li><a href="https://wcy.nfu.edu.cn/" target="_blank">文学与传媒学院</a></li>
                <li><a href="https://www.bilibili.com/video/BV1M3411w7E5/?spm_id_from=333.999.0.0" target="_blank">我的一天</a></li>
            </ul>
        </nav>
    </header>

    <section class="banner2"></section>
    <script>
        // 鼠标滚轮滚动事件
        window.addEventListener("scroll",()=>{
            let header=document.querySelector("header");
            header.classList.toggle("sticky",window.scrollY>0);
        })
    </script>




<!-- 	<main class="info-unit main">
		<nav>
			<ul>
				<li>Gitee</li>
				<li><a href="https://www.nfu.edu.cn/" target="_blank" style="text-decoration:none;">广州南方学院</a></li>
				<li><a href="https://wcy.nfu.edu.cn/" target="_blank" style="text-decoration:none;">文学与传媒学院</a></li>
				<li><a href="https://www.bilibili.com/video/BV1M3411w7E5/?spm_id_from=333.999.0.0" target="_blank" style="text-decoration:none;">我的一天</a></li>
			</ul>
		</nav>
		<br>
	</main> -->


    <article class="container">
        <section class="side" id="side">

            <!-- 左栏固定开关，记得及时删除这段代码 Start-->
            <!-- <label class="switch" style="display: none;" onchange="switchFixed()">
                <script type="text/javaScript">
                    function switchFixed(){
                        var value = document.getElementById('side').style.position === 'fixed' ? 'absolute' : 'fixed';
                        document.getElementById('side').style.position = value;
                    }
                </script>
                <input id="cb" type="checkbox">
                <span class="slider round"></span>
            </label> -->
            <style>
                @media (min-width: 	750px){
                    .switch{position:relative;display:inline-block!important;width:60px;height:34px;}
                    .switch input{display:none;}
                    .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;}
                    .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s;}
                    input:checked + .slider{background-color:#1abc9c;}
                    input:focus + .slider{box-shadow:0 0 1px #1abc9c;}
                    input:checked + .slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px);}.slider.round{border-radius:34px;}
                    .slider.round:before{border-radius:50%;}
                }
            </style>
            <!-- 左侧固定开关，记得及时删除这段代码 End-->

            <!-- 个人肖像 -->
            <section class="me">
                <section class="portrait">
                    <div class="load">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                    <!-- 头像照片 -->
                <img class="avatar" id="sd" src="assets/images/touxiang.jpg"  onload="load()">
                </section>

                <hgroup>
                    <h1 class="name">林智宇</h1>
                    <h4 class="info-job">网络与新媒体专业 / 广州南方学院</h4>
                </hgroup>
            </section>

            <!-- 基本信息 -->
            <section class="gg info-unit">
                <h2>
                	<img src="assets/images/jbxx.png" class="icon"></img>
                基本信息</h2>
                <hr/>
                <ul>
                    <li>
                        <label>个人信息</label>
                        <span>林智宇 / 男 / 20岁</span>
                    </li>
                    <li>
                        <label>普通话等级</label>
                        <span>二级甲等</span>
                    </li>
                    <li>
                        <label>英语水平</label>
                        <span>未考级</span>
                    </li>
                </ul>
            </section>

            <!-- 联系方式 -->
            <section class="gg info-unit">
                <h2>
                    <img src="assets/images/lxfs.png" class="icon"></img>
                联系方式</h2>
                <hr/>
                <ul>
                    <li>
                        <label>手机</label>
                        <a href="tel:13727862798" target="_blank">13727862798</a>
                    </li>
                    <li>
                        <label>邮箱</label>
                        <a href="mailto:ze.zh@hotmail.com" target="_blank">1456352897@qq.com</a>
                    </li>
                    <li>
                        <label>个人主页</label>
                        <a href="https://gitee.com/daoer59" target="_blank">gitee.com/daoer59</a>
                    </li>
                    <li>
                        <label>Github</label>
                        <a href="https://github.com/daoer59" target="_blank">github.com/daoer59</a>
                    </li>
                </ul>
            </section>

            <!-- 技能点 -->
            <section class="gg info-unit">
                <h2>
                    <img src="assets/images/jnd.png" class="icon"></img>
                技能点</h2>
                <hr/>
                <ul>
                    <li>
                        <label>HTML</label>
                        <progress value="65" max="100"></progress>
                    </li>
                    <li>
                        <label>CSS</label>
                        <progress value="60" max="100"></progress>
                    </li>
                    <li>
                        <label>JavaScript</label>
                        <progress value="15" max="100"></progress>
                    </li>
                    <li>
                        <label>小程序</label>
                        <progress value="25" max="100"></progress>
                    </li>
                    <li>
                        <label>Photoshop</label>
                        <progress value="70" max="100"></progress>
                    </li>
                    <li>
                        <label>Illustrator</label>
                        <progress value="80" max="100"></progress>
                    </li>
                    <li>
                        <label>UI设计</label>
                        <progress value="85" max="100"></progress>
                    </li>
                    <li>
                        <label>Python</label>
                        <progress value="50" max="100"></progress>
                    </li>
                    <li>
                        <label>推文排版</label>
                        <progress value="100" max="100"></progress>
                    </li>
                </ul>
            </section>

            <section class="gg info-unit">
                <h2><img src="assets/images/yy.png" class="icon"></img>
                音乐</h2>
                <hr/>

                <!-- 音乐播放器 -->
				<audio class="audio" src="assets/mp3/yinyue1.mp3" controls></audio>

            </section>

            <section class="gg info-unit">
                <h2><img src="assets/images/ewm.png" class="icon"></img>
                二维码</h2>
                <hr/>
                <label>
                    <details>
                        <summary>查看我的二维码</summary>
                    <img src="assets/images/erweima.jpg" style="width:100%;" alt="二维码">
                    </details>
                </label>
            </section>



            <!-- 技术栈 -->
            <!-- <div class="stack info-unit">
                    <h2><i class="fa fa-code" aria-hidden="true"></i>其他</h2>
                    <hr/>
                    <ul>
                        <li>
                            <label>前端</label>
                            <span>React、jQuery、微信小程序、Bootstrap、SASS、LESS</span>
                        </li>
                        <li>
                            <label>后端</label>
                            <span>Node.js、MySQL、MongoDB、WordPress、ThinkPHP</span>
                        </li>
                        <li>
                            <label>其他</label>
                            <span>Git、SVN、Markdown</span>
                        </li>
                    </ul>
                </div> -->

        </section>
    </article>

    <main>
        <article class="container">

        	<div class="info-unit main">

                <!-- 教育经历 -->
                <section class="edu info-unit">
                    <h2>
                        <img src="assets/images/jyjl.png" class="icon"></img>
                    教育经历</h2>
                    <hr/>
                    <ul>
                        <li>
                            <h3>
                                <em>珠海市第九中学（初中）</em>
                                <time>2014.9-2017.7</time>
                            </h3>
                            <p>参加全国电脑绘画大赛，荣获初中组 省三等奖</p>
                        </li>
                        <li>
                            <h3>
                                <em>珠海市广东实验中学金湾学校 - 文科生（高中）</em>
                                <time>2017.9-2020.7</time>
                            </h3>
                            <p>2017-2019学年担任 信息社副社长、社长</p>
                            <p>2017-2019学年担任 年级宣策部副部长、部长</p>
                            <p>参加珠海市广东实验中学金湾学校第三届校运会会徽设计大赛 荣获 特等奖</p>
                        </li>
                        <li>
                            <h3>
                                <em>中山大学南方学院 - 网络与新媒体（本科）</em>
                                <time>2020.9-2024.6</time>
                            </h3>
                            <p>2021-2022学年担任 文学与传媒学院蓝鸟通讯社 编辑部副部长</p>
                            <p>2021-2022学年 综合专业排名<mark>23/168</mark> 获得校级三等奖学金</p>
                            <p>第十届未来设计师NCDA全国高校数字艺术设计大赛 省三等奖</p>
                            <p>第三届台湾大学生年度艺术奖 银奖</p>
                            <p>中国大学生广告艺术节2021学院奖秋季赛 广告文案入围奖</p>
                            <p>“互联网+”大学生创新创业大赛 校级优秀奖</p>
                        </li>
                    </ul>
                </section>
            </div>

            <div class="info-unit main">
                <!-- 项目经验 -->
                <section class="project info-unit">
                    <h2>
                        <img src="assets/images/grxm.png" class="icon"></img>
                    个人项目</h2>
                    <hr/>
                    <ul>
                    	<li>
                            <h3>
                                <span>[项目1]印度新冠疫情数据可视化</span>
                                <span class="link">
                                    <a href="#" target="_blank">Demo</a>
                                </span>
                                <time>2021.5-2021.6</time>
                            </h3>
                            <ul class="info-content">
                                <li>技术栈：Tableau</li>
                                <li>
                                    <img src="assets/images/mb.png" class="icon"></img>                                
                                    [目标]<mark>印度新冠疫情</mark>的数据多维度可视化展示、数据透视及分析
                                    <br/>
                                    <img src="assets/images/td.png" class="icon"></img>
                                    [团队]林智宇 王雨欣 庄焕敏
                                    <br/>
                                    <img src="assets/images/gx.png" class="icon"></img>
                                    [贡献]通过真实疫情数据反映了印度新冠疫情形势的严峻及人群占比
                                    <br/>
                                    <img src="assets/images/xg.png" class="icon"></img>
                                    [效果]完成了信息可视化设计这门课的期末项目
                                </li>
                            </ul>
                        </li>
                        <li>
                            <h3>
                                <span>[项目2]“养分”微信小程序</span>
                                <span class="link">
                                    <a href="https://gitee.com/daoer59/yangfen" target="_blank">Demo</a>
                                </span>
                                <time>2022.2-2022.7</time>
                            </h3>
                            <ul class="info-content">
                                <li>技术栈：微信开发者工具</li>
                                <li>
                                    <img src="assets/images/mb.png" class="icon"></img>
                                    [目标]基于大数据的<mark>人工智能营养监测</mark>，为用户提供平衡膳食模式，进行科学用餐
                                    <br/>
                                    <img src="assets/images/td.png" class="icon"></img>
                                    [团队]蓝瑾 林智宇 庄焕敏 王雨欣
                                    <br/>
                                    <img src="assets/images/gx.png" class="icon"></img>
                                    [贡献]完成
                                    <mark>后台/数据库</mark>相关代码工作，主要负责实现逻辑数据传递等工作
                                    <br/>
                                    <img src="assets/images/xg.png" class="icon"></img>
                                    [效果]作品最终上线微信小程序并推广</li>
                            </ul>
                        </li>
                        <li>
                            <h3>
                                <span>[项目3]梦着APP UI界面设计</span>
                                <span class="link">
                                    <a href="#" target="_blank">Demo</a>
                                </span>
                                <time>2022.5-2022.6</time>
                            </h3>
                            <ul class="info-content">
                                <li>技术栈：Figma + Photoshop</li>
                                <li>
                                    <img src="assets/images/mb.png" class="icon"></img>
                                    [目标]为梦着APP设计<mark>用户视觉界面</mark>
                                    <br/>
                                    <img src="assets/images/td.png" class="icon"></img>
                                    [团队]林智宇 李铸波 蓝瑾
                                    <br/>
                                    <img src="assets/images/gx.png" class="icon"></img>
                                    [贡献]构思了梦着APP产品内容和界面UI、海报设计
                                    <br/>
                                    <img src="assets/images/xg.png" class="icon"></img>
                                    [效果]作品取得第十届未来设计师NCDA全国高校数字艺术设计大赛 <mark>省三等奖</mark>
                                </li>
                            </ul>
                        </li>
                       
                        <li>
                            <h3>
                                <span>[项目4]《诚信＞高分》微电影拍摄</span>
                                <span class="link">
                                    <a href="#" target="_blank">Demo</a>
                                </span>
                                <time>2022.6-2022.7</time>
                            </h3>
                            <ul class="info-content">
                                <li>技术栈：Premiere</li>
                                <li>
                                    <img src="assets/images/mb.png" class="icon"></img>
                                    [目标]完成微电影拍摄
                                    <br/>
                                   <img src="assets/images/td.png" class="icon"></img>
                                    [团队]王雨欣 林智宇 蓝瑾 庄焕敏
                                    <br/>
                                    <img src="assets/images/gx.png" class="icon"></img>
                                    [贡献]担任主演之一“小洲”
                                    <br/>
                                    <img src="assets/images/xg.png" class="icon"></img>
                                    [效果]完成了<mark>非线性编辑</mark>这门课的<abbr title="拍摄纪录片/微电影的期末项目">期末项目</abbr>
                                </li>
                            </ul>
                        </li>

                    </ul>
                </section>
            </div>

    		<div class="info-unit main">
    		<!-- 工作经历 -->
                <section class="work info-unit">
                    <h2>
                        <img src="assets/images/sxjl.png" class="icon"></img>
                    实习经历</h2>
                    <hr/>
                    <ul>
                        <li>
                            <h3>
                                <span> 广州布鸽教育科技有限公司－运营助理（线上实习）</span>
                                <time>2021.11 至 2022.5</time>
                            </h3>
                            <ul class="info-content">
                                <li>深度参与微信公众号<mark>推文排版</mark>，主要负责微信公众号、微博超话、小红书<mark>平台运营</mark></li>
                                <li>配合产品文案、考研节点需求推送相关推文</li>
                                <li>参与各平台宣传海报、淘宝产品首图制作(创客贴、Photoshop)</li>
                            </ul>
                        </li>
                        
                    </ul>
                </section>
            </div>
                <!-- 自我评价 -->
                <!-- <section class="work info-unit">
                    <h2>
                        <i class="fa fa-pencil" aria-hidden="true"></i>自我评价/期望</h2>
                    <hr/>
                    <p>[此处如果有一些能够量化的、且比较个性的指标会有加分，比如喜爱跑步坚持夜跑200小时或者200km等]
                        <span class="mark-txt">“多静多思考，反省不张扬”</span>是我给自己总结的“十字箴言”，鞭策自己做人既不能以己度人，也不以人观己，要脚踏实地做事，坚持自己的梦想和本心。</p>
                </section> -->

        <!-- 个人作品 -->
            <br>
        	<section class="info-unit mainhm">
                <h2>
                    <img src="assets/images/xz.png" class="icon"></img>
                    个人作品</h2>
                <hr/>
    	    	<div class="he">
    		    	<div class="hezi">
    		    		<div class="hezi-img">
    		    			<img src="assets/images/weitanai.jpg" alt="维他奶ps期中项目">
    		    		</div>
    		    		<div class="hezi-text">
    		    			<figure>
    		    				<h2 class="hh2">维他奶海报</h2>
    		    				<p>此为数字多媒体作品创作课程期中项目，使用Photoshop并结合双十一活动和维他奶品牌做的海报</p>
    		    			</figure>
    		    		</div>
    		    	</div>

    		    	<div class="hezi">
    		    		<div class="hezi-img">
    		    			<img src="assets/images/yangfen.jpg" alt="养分小程序">
    		    		</div>
    		    		<div class="hezi-text">
    		    			<figure>
    		    				<h2 class="hh2">养分小程序</h2>
    		    				<p>此为团队合作所作的养分小程序，使用微信开发者工具，通过前端页面实现、数据库等制作而成，参加了全国小程序应用开发大赛</p>
    		    			</figure>
    		    		</div>
    		    	</div>

    		    	<div class="hezi">
    		    		<div class="hezi-img">
    		    			<img src="assets/images/UIsheji.jpg" alt="UI界面设计">
    		    		</div>
    		    		<div class="hezi-text">
    		    			<figure>
    		    				<h2 class="hh2">UI界面设计-梦着APP</h2>
    		    				<p>使用Figma与Photoshop构思了梦着APP界面并进行设计，参加了第十届未来设计师NCDA全国高校数字艺术设计大赛</p>
    		    			</figure>
    		    		</div>
    		    	</div>
    	    	</div>
        	</section>
        </article>
    </main>
</div>


    <footer class="footer">
        <address>© 2022 林智宇.文档最后更新时间为
            <time>2022年11月23日</time>.
            </address>
    </footer>

    <!-- 侧栏 -->
    <aside>
        <ul>
            <li>
                <a href="https://gitee.com/daoer59/resume" target="_blank">源代码</a>
            </li>
            <li>
                <a href="https://gitee.com/daoer59" target="_blank">Blog</a>
            </li>
        </ul>
    </aside>

    <script src="./assets/js/index.js"></script>
</body>

</html>